<html lang="en"><head>        
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">    
    <!--[if gt IE 8]>
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />        
    <![endif]-->                
    <title>Tables - Aries Premium Admin Template</title>
    <link rel="icon" type="image/ico" href="favicon.ico">
    
    <link href="css/stylesheets.css" rel="stylesheet" type="text/css">
    <!--[if lte IE 7]>
        <link href="css/ie.css" rel="stylesheet" type="text/css" />
        <script type='text/javascript' src='js/plugins/other/lte-ie7.js'></script>
    <![endif]-->     
    <script async="" type="text/javascript" src="http://www.gstatic.com/pub-config/ca-pub-1542822386688301.js"></script><script type="text/javascript" src="js/plugins/jquery/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="js/plugins/jquery/jquery-ui-1.10.1.custom.min.js"></script>
    <script type="text/javascript" src="js/plugins/jquery/jquery-migrate-1.1.1.min.js"></script>
    <script type="text/javascript" src="js/plugins/jquery/globalize.js"></script>
    <script type="text/javascript" src="js/plugins/other/excanvas.js"></script>
    
    <script type="text/javascript" src="js/plugins/other/jquery.mousewheel.min.js"></script>
        
    <script type="text/javascript" src="js/plugins/bootstrap/bootstrap.min.js"></script>            
    
    <script type="text/javascript" src="js/plugins/cookies/jquery.cookies.2.2.0.min.js"></script>    
    
    <script type="text/javascript" src="js/plugins/uniform/jquery.uniform.min.js"></script>
    
    <script type="text/javascript" src="js/plugins/shbrush/XRegExp.js"></script>
    <script type="text/javascript" src="js/plugins/shbrush/shCore.js"></script>
    <script type="text/javascript" src="js/plugins/shbrush/shBrushXml.js"></script>
    <script type="text/javascript" src="js/plugins/shbrush/shBrushJScript.js"></script>
    <script type="text/javascript" src="js/plugins/shbrush/shBrushCss.js"></script>    
    
    <script type="text/javascript" src="js/plugins.js"></script>
    <script type="text/javascript" src="js/charts.js"></script>
    <script type="text/javascript" src="js/actions.js"></script>
    
</head>
<body><div id="BAIDU_DUP_fp_wrapper" style="position: absolute; left: -1px; bottom: -1px; z-index: 0; width: 0px; height: 0px; overflow: hidden; visibility: hidden; display: none;"><iframe id="BAIDU_DUP_fp_iframe" src="http://pos.baidu.com/wh/o.htm?ltr=http%3A%2F%2Fdemo.cssmoban.com%2Fcssthemes1%2Fftpm_7%2Findex.html&amp;cf=u" style="width: 0px; height: 0px; visibility: hidden; display: none;"></iframe></div>
<div class="adcenter"><script src="http://www.cssmoban.com/include/new/ggad2_728x90.js"></script><link type="text/css" rel="stylesheet" href="http://www.cssmoban.com/statics/css/astyle.css">
<div align="center">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-1542822386688301";
/* cssmoban_728&#42;90 */
google_ad_slot = "6219179346";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script><ins style="display:inline-table;border:none;height:90px;margin:0;padding:0;position:relative;visibility:visible;width:728px;background-color:transparent"><ins id="aswift_0_anchor" style="display:block;border:none;height:90px;margin:0;padding:0;position:relative;visibility:visible;width:728px;background-color:transparent"><iframe width="728" height="90" frameborder="0" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" scrolling="no" allowfullscreen="true" onload="var i=this.id,s=window.google_iframe_oncopy,H=s&amp;&amp;s.handlers,h=H&amp;&amp;H[i],w=this.contentWindow,d;try{d=w.document}catch(e){}if(h&amp;&amp;d&amp;&amp;(!d.body||!d.body.firstChild)){if(h.call){setTimeout(h,0)}else if(h.match){try{h=s.upd(h,i)}catch(e){}w.location.replace(h)}}" id="aswift_0" name="aswift_0" style="left:0;position:absolute;top:0;"></iframe></ins></ins>
</div>
<script type="text/javascript">
var cpro_id = "u837382";
</script>
<script src="http://cpro.baidustatic.com/cpro/ui/f.js" type="text/javascript"></script><div id="BAIDU_DUP_wrapper_u837382_0"></div><script charset="utf-8" src="http://pos.baidu.com/ecom?di=u837382&amp;dcb=BAIDU_DUP2_define&amp;dtm=BAIDU_DUP2_SETJSONADSLOT&amp;dbv=2&amp;dci=0&amp;dri=0&amp;dis=0&amp;dai=1&amp;dds=&amp;drs=1&amp;dvi=1401358918&amp;ltu=http%3A%2F%2Fdemo.cssmoban.com%2Fcssthemes1%2Fftpm_7%2Ftables.html&amp;liu=&amp;ltr=http%3A%2F%2Fdemo.cssmoban.com%2Fcssthemes1%2Fftpm_7%2Findex.html&amp;lcr=&amp;ps=96x445&amp;psr=1680x1050&amp;par=1618x1050&amp;pcs=1618x989&amp;pss=1618x989&amp;pis=-1x-1&amp;cfv=14&amp;ccd=24&amp;chi=2&amp;cja=true&amp;cpl=26&amp;cmi=33&amp;cce=true&amp;col=zh-CN&amp;cec=UTF-8&amp;cdo=-1&amp;tsr=5&amp;tlm=1399750857&amp;tcn=1404179745&amp;tpr=1404179744989&amp;dpt=none&amp;coa=&amp;baidu_id="></script>
</div>    
    <div id="loader" style="display: none;"><img src="img/loader.gif"></div>
    <div class="wrapper">
        
        <div class="sidebar">
            
            <div class="top">
                <a href="index-2.html" class="logo"></a>
                <div class="search">
                    <div class="input-prepend">
                        <span class="add-on orange"><span class="icon-search icon-white"></span></span>
                        <input type="text" style="width: 189px;">                                                      
                    </div>            
                </div>
            </div>
            
            <ul class="navigation bordered">            
                <li><a href="index-2.html" class="blblue">Dashboard</a></li>
                <li>
                    <a href="#" class="blyellow">UI Elements</a>
                    <div class="open"></div>
                    <ul>
                        <li><a href="ui.html">UI Elements</a></li>
                        <li><a href="widgets.html">Widgets</a></li>
                        <li><a href="buttons.html">Buttons</a></li>
                        <li><a href="icons.html">Icons</a></li>
                        <li><a href="grid_sys.html">Grid System</a></li>
                    </ul>
                </li>
                <li>
                    <a href="#" class="blgreen">Forms Stuff</a>
                    <div class="open"></div>
                    <ul>
                        <li><a href="forms.html">Form Elements</a></li>
                        <li><a href="validation.html">Validation</a></li>
                        <li><a href="grid.html">Grid</a></li>
                        <li><a href="editor.html">Editors</a></li>  
                        <li><a href="wizard.html">Wizard</a></li>
                    </ul>
                </li>
                <li><a href="statistic.html" class="blred">Statistic</a></li>                
                <li class="active">
                    <a href="#" class="bldblue">Tables</a>
                    <div class="open"></div>
                    <ul>
                        <li class="active"><a href="tables.html">Simple</a></li>
                        <li><a href="tables_dynamic.html">Dynamic</a></li>                    
                    </ul>
                </li>
                <li>
                    <a href="#" class="blpurple">Samples</a>
                    <div class="open"></div>
                    <ul>
                        <li><a href="faq.html">FAQ</a></li>
                        <li><a href="invoice.html">Invoice</a></li>
                        <li><a href="login.html">Login</a></li>
                    </ul>                    
                </li>
                <li>
                    <a href="#" class="blorange">Other</a>
                    <div class="open"></div>
                    <ul>
                        <li><a href="files.html">File handling</a></li>
                        <li><a href="images.html">Images</a></li>
                        <li><a href="typography.html">Typography</a></li>
                        <li><a href="404.html">Error 404</a></li>
                    </ul>
                </li>
            </ul>
            
            <div class="widget">
                <div class="datepicker hasDatepicker" id="dp1404179744930"><div class="ui-datepicker-inline ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" style="display: block;"><div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-all"><a class="ui-datepicker-prev ui-corner-all" data-handler="prev" data-event="click" title="Prev"><span class="ui-icon ui-icon-circle-triangle-w">Prev</span></a><a class="ui-datepicker-next ui-corner-all" data-handler="next" data-event="click" title="Next"><span class="ui-icon ui-icon-circle-triangle-e">Next</span></a><div class="ui-datepicker-title"><span class="ui-datepicker-month">July</span>&nbsp;<span class="ui-datepicker-year">2014</span></div></div><table class="ui-datepicker-calendar"><thead><tr><th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th><th><span title="Monday">Mo</span></th><th><span title="Tuesday">Tu</span></th><th><span title="Wednesday">We</span></th><th><span title="Thursday">Th</span></th><th><span title="Friday">Fr</span></th><th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th></tr></thead><tbody><tr><td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td><td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td><td class=" ui-datepicker-days-cell-over  ui-datepicker-current-day ui-datepicker-today" data-handler="selectDay" data-event="click" data-month="6" data-year="2014"><a class="ui-state-default ui-state-highlight ui-state-active" href="#">1</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2014"><a class="ui-state-default" href="#">2</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2014"><a class="ui-state-default" href="#">3</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2014"><a class="ui-state-default" href="#">4</a></td><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="6" data-year="2014"><a class="ui-state-default" href="#">5</a></td></tr><tr><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="6" data-year="2014"><a class="ui-state-default" href="#">6</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2014"><a class="ui-state-default" href="#">7</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2014"><a class="ui-state-default" href="#">8</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2014"><a class="ui-state-default" href="#">9</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2014"><a class="ui-state-default" href="#">10</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2014"><a class="ui-state-default" href="#">11</a></td><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="6" data-year="2014"><a class="ui-state-default" href="#">12</a></td></tr><tr><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="6" data-year="2014"><a class="ui-state-default" href="#">13</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2014"><a class="ui-state-default" href="#">14</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2014"><a class="ui-state-default" href="#">15</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2014"><a class="ui-state-default" href="#">16</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2014"><a class="ui-state-default" href="#">17</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2014"><a class="ui-state-default" href="#">18</a></td><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="6" data-year="2014"><a class="ui-state-default" href="#">19</a></td></tr><tr><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="6" data-year="2014"><a class="ui-state-default" href="#">20</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2014"><a class="ui-state-default" href="#">21</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2014"><a class="ui-state-default" href="#">22</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2014"><a class="ui-state-default" href="#">23</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2014"><a class="ui-state-default" href="#">24</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2014"><a class="ui-state-default" href="#">25</a></td><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="6" data-year="2014"><a class="ui-state-default" href="#">26</a></td></tr><tr><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="6" data-year="2014"><a class="ui-state-default" href="#">27</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2014"><a class="ui-state-default" href="#">28</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2014"><a class="ui-state-default" href="#">29</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2014"><a class="ui-state-default" href="#">30</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2014"><a class="ui-state-default" href="#">31</a></td><td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td><td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td></tr></tbody></table></div></div>
            </div>
            
        </div>
        
        <div class="body">
            
            <ul class="navigation">
                <li>
                    <a href="index-2.html" class="button">
                        <div class="icon">
                            <span class="ico-monitor"></span>
                        </div>                    
                        <div class="name">Dashboard</div>
                    </a>                
                </li>
                <li>
                    <a href="#" class="button yellow">
                        <div class="arrow"></div>
                        <div class="icon">
                            <span class="ico-cog-2"></span>
                        </div>                    
                        <div class="name">UI Elements</div>
                    </a>          
                    <ul class="sub">
                        <li><a href="ui.html">UI Elements</a></li>
                        <li><a href="widgets.html">Widgets</a></li>
                        <li><a href="buttons.html">Buttons</a></li>
                        <li><a href="icons.html">Icons</a></li>
                        <li><a href="grid_system.html">Grid System</a></li>
                    </ul>
                </li>                
                <li>
                    <a href="#" class="button green">
                        <div class="arrow"></div>
                        <div class="icon">
                            <span class="ico-pen-2"></span>
                        </div>                    
                        <div class="name">Forms Stuff</div>
                    </a>                
                    <ul class="sub">
                        <li><a href="forms.html">Elements</a></li>
                        <li><a href="validation.html">Validation</a></li>
                        <li><a href="grid.html">Grid</a></li>
                        <li><a href="editor.html">Editors</a></li>
                        <li><a href="wizard.html">Wizard</a></li>
                    </ul>                    
                </li>                        
                <li>
                    <a href="statistic.html" class="button red">
                        <div class="icon">
                            <span class="ico-chart-4"></span>
                        </div>                    
                        <div class="name">Statistic</div>
                    </a>                
                </li>                
                <li>
                    <a href="#" class="button dblue">
                        <div class="arrow"></div>
                        <div class="icon">
                            <span class="ico-layout-7"></span>
                        </div>                    
                        <div class="name">Tables</div>
                    </a> 
                    <ul class="sub">
                        <li><a href="tables.html">Simple</a></li>
                        <li><a href="tables_dynamic.html">Dynamic</a></li>
                    </ul>                                        
                </li>
                <li>
                    <a href="#" class="button purple">
                        <div class="arrow"></div>
                        <div class="icon">
                            <span class="ico-box"></span>
                        </div>                    
                        <div class="name">Samples</div>
                    </a>                             
                    <ul class="sub">
                        <li><a href="faq.html">FAQ</a></li>
                        <li><a href="invoice.html">Invoice</a></li>
                        <li><a href="login.html">Login</a></li>
                    </ul>                                        
                </li>
                <li>
                    <a href="#" class="button orange">
                        <div class="arrow"></div>
                        <div class="icon">
                            <span class="ico-cloud"></span>
                        </div>                    
                        <div class="name">Other</div>
                    </a>                
                    <ul class="sub">
                        <li><a href="files.html">File handling</a></li>
                        <li><a href="images.html">Images</a></li>
                        <li><a href="typography.html">Typography</a></li>
                        <li><a href="404.html">Error 404</a></li>
                    </ul>                    
                </li>                
                <li>
                    <div class="user">
                        <img src="img/examples/users/dmitry_m.jpg" align="left">
                        <a href="#" class="name">
                            <span>Dmitry Ivaniuk</span>
                            <span class="sm">Administrator</span>
                        </a>
                    </div>
                    <div class="buttons">
                        <div class="sbutton green navButton">
                            <a href="#"><span class="ico-align-justify"></span></a>
                        </div>
                        <div class="sbutton blue">
                            <a href="#"><span class="ico-cogs"></span></a>
                            <div class="popup">
                                <div class="arrow"></div>
                                <div class="row-fluid">
                                    <div class="row-form">
                                        <div class="span12"><strong>SETTINGS</strong></div>
                                    </div>                                    
                                    <div class="row-form">
                                        <div class="span4">Navigation:</div>
                                        <div class="span8"><div class="radio" style="display: none;"><span><input type="radio" class="cNav" name="cNavButton" value="default" style="opacity: 0;"></span></div> Default <div class="radio" style="display: none;"><span class="checked"><input type="radio" class="cNav" name="cNavButton" value="bordered" checked="checked" style="opacity: 0;"></span></div> Bordered</div>
                                    </div>                                    
                                    <div class="row-form">
                                        <div class="span4">Content:</div>
                                        <div class="span8"><div class="radio" style="display: none;"><span class="checked"><input type="radio" class="cCont" name="cContent" value="" checked="checked" style="opacity: 0;"></span></div> Responsive <div class="radio" style="display: none;"><span><input type="radio" class="cCont" name="cContent" value="fixed" style="opacity: 0;"></span></div> Fixed</div>
                                    </div>                                    
                                </div>
                            </div>
                        </div>                        
                    </div>
                </li>                
            </ul>
            
            
            <div class="content">
                
                <div class="page-header">
                    <div class="icon">
                        <span class="ico-layout-7"></span>
                    </div>
                    <h1>Tables <small>METRO STYLE ADMIN PANEL</small></h1>
                </div>

                <div class="row-fluid">
                    <div class="span12">
                        <div class="block">
                            <div class="head blue">
                                <div class="icon"><span class="ico-pen-2"></span></div>
                                <h2>Default</h2>
                                <ul class="buttons">
                                    <li><a href="#" onclick="source('table_default'); return false;"><div class="icon"><span class="ico-info"></span></div></a></li>
                                </ul>                              
                            </div>                
                            <div class="data-fluid">
                                <table cellpadding="0" cellspacing="0" width="100%" class="table">
                                    <thead>
                                        <tr>
                                            <th width="25%">
                                            Email
                                            </th>
                                            <th width="25%">
                                            Name
                                            </th>
                                            <th width="25%">
                                            Code
                                            </th>
                                            <th width="25%">
                                            Post
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>
                                                <a href="#">dmitry@domain.com</a>
                                            </td>
                                            <td>
                                                Dmitry Ivaniuk
                                            </td>
                                            <td>
                                                DT-SV35582
                                            </td>
                                            <td>
                                                <span class="label label-success">Developer</span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <a href="#">olga@domain.com</a>
                                            </td>
                                            <td>
                                                Olga Ivaniuk
                                            </td>                                
                                            <td width="25%">
                                                DS-SV34522
                                            </td>      
                                            <td width="25%">
                                                <span class="label label-warning">Economist</span>
                                            </td>                                
                                        </tr>
                                        <tr>
                                            <td>
                                                <a href="#">alex@domain.com</a>
                                            </td>
                                            <td>
                                                Alex Fruz
                                            </td>         
                                            <td width="25%">
                                                DV-SV41222
                                            </td>  
                                            <td width="25%">
                                                <span class="label label-info">Developer</span>
                                            </td>                                  
                                        </tr>
                                        <tr>
                                            <td>
                                                <a href="#">helen@domain.com</a>
                                            </td>
                                            <td>
                                                Helen Simonchuk
                                            </td>                                                                
                                            <td width="25%">
                                                DV-ST32212
                                            </td>   
                                            <td width="25%">
                                                <span class="label label-important">Promoter</span>
                                            </td>                                  
                                        </tr>
                                        <tr>
                                            <td>
                                                <a href="#">valentin@domain.com</a>
                                            </td>       
                                            <td>
                                                Valentin Ratushev
                                            </td>        
                                            <td width="25%">
                                                DV-WR21677
                                            </td>    
                                            <td width="25%">
                                                <span class="label label-green">Lawyer</span>
                                            </td>                                
                                        </tr>                            
                                    </tbody>
                                </table>
                            </div>                
                        </div>

                        <div class="block">
                            <div class="head purple">
                                <div class="icon"><span class="ico-location"></span></div>
                                <h2>With hover</h2>     
                                <ul class="buttons">
                                    <li><a href="#" onclick="source('table_hover'); return false;"><div class="icon"><span class="ico-info"></span></div></a></li>
                                </ul>                                                          
                            </div>                
                            <div class="data-fluid">
                                <table cellpadding="0" cellspacing="0" width="100%" class="table table-hover">
                                    <thead>
                                        <tr>
                                            <th width="25%">
                                            Email
                                            </th>
                                            <th width="25%">
                                            Name
                                            </th>
                                            <th width="25%">
                                            Code
                                            </th>
                                            <th width="25%">
                                            Post
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>
                                                <a href="#">dmitry@domain.com</a>
                                            </td>
                                            <td>
                                                Dmitry Ivaniuk
                                            </td>
                                            <td>
                                                DT-SV35582
                                            </td>
                                            <td>
                                                <span class="label label-success">Developer</span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <a href="#">olga@domain.com</a>
                                            </td>
                                            <td>
                                                Olga Ivaniuk
                                            </td>                                
                                            <td width="25%">
                                                DS-SV34522
                                            </td>      
                                            <td width="25%">
                                                <span class="label label-warning">Economist</span>
                                            </td>                                
                                        </tr>
                                        <tr>
                                            <td>
                                                <a href="#">alex@domain.com</a>
                                            </td>
                                            <td>
                                                Alex Fruz
                                            </td>         
                                            <td width="25%">
                                                DV-SV41222
                                            </td>  
                                            <td width="25%">
                                                <span class="label label-info">Developer</span>
                                            </td>                                  
                                        </tr>
                                        <tr>
                                            <td>
                                                <a href="#">helen@domain.com</a>
                                            </td>
                                            <td>
                                                Helen Simonchuk
                                            </td>                                                                
                                            <td width="25%">
                                                DV-ST32212
                                            </td>   
                                            <td width="25%">
                                                <span class="label label-important">Promoter</span>
                                            </td>                                  
                                        </tr>
                                        <tr>
                                            <td>
                                                <a href="#">valentin@domain.com</a>
                                            </td>       
                                            <td>
                                                Valentin Ratushev
                                            </td>        
                                            <td width="25%">
                                                DV-WR21677
                                            </td>    
                                            <td width="25%">
                                                <span class="label">Lawyer</span>
                                            </td>                                
                                        </tr>                           
                                    </tbody>
                                </table>
                            </div>                
                        </div>

                        <div class="block">
                            <div class="head green">
                                <div class="icon"><span class="ico-brush"></span></div>
                                <h2>With checkbox and hover</h2>    
                                <ul class="buttons">
                                    <li><a href="#" onclick="source('table_hover_check'); return false;"><div class="icon"><span class="ico-info"></span></div></a></li>
                                </ul>                                                          
                            </div>                
                            <div class="data-fluid">
                                <table cellpadding="0" cellspacing="0" width="100%" class="table table-hover">
                                    <thead>
                                        <tr>
                                            <th><div class="checker"><span><input type="checkbox" class="checkall" style="opacity: 0;"></span></div></th>
                                            <th width="25%">
                                            Email
                                            </th>
                                            <th width="25%">
                                            Name
                                            </th>
                                            <th width="25%">
                                            Code
                                            </th>
                                            <th width="25%">
                                            Post
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>
                                                <div class="checker"><span><input type="checkbox" name="check[]" value="1" style="opacity: 0;"></span></div>
                                            </td>
                                            <td>
                                                <a href="#">dmitry@domain.com</a>
                                            </td>
                                            <td>
                                                Dmitry Ivaniuk
                                            </td>
                                            <td>
                                                DT-SV35582
                                            </td>
                                            <td>
                                                <span class="label label-success">Developer</span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <div class="checker"><span><input type="checkbox" name="check[]" value="1" style="opacity: 0;"></span></div>
                                            </td>                                
                                            <td>
                                                <a href="#">olga@domain.com</a>
                                            </td>
                                            <td>
                                                Olga Ivaniuk
                                            </td>                                
                                            <td width="25%">
                                                DS-SV34522
                                            </td>      
                                            <td width="25%">
                                                <span class="label label-warning">Economist</span>
                                            </td>                                
                                        </tr>
                                        <tr>
                                            <td>
                                                <div class="checker"><span><input type="checkbox" name="check[]" value="1" style="opacity: 0;"></span></div>
                                            </td>                                
                                            <td>
                                                <a href="#">alex@domain.com</a>
                                            </td>
                                            <td>
                                                Alex Fruz
                                            </td>         
                                            <td width="25%">
                                                DV-SV41222
                                            </td>  
                                            <td width="25%">
                                                <span class="label label-info">Developer</span>
                                            </td>                                  
                                        </tr>
                                        <tr>
                                            <td>
                                                <div class="checker"><span><input type="checkbox" name="check[]" value="1" style="opacity: 0;"></span></div>
                                            </td>                                
                                            <td>
                                                <a href="#">helen@domain.com</a>
                                            </td>
                                            <td>
                                                Helen Simonchuk
                                            </td>                                                                
                                            <td width="25%">
                                                DV-ST32212
                                            </td>   
                                            <td width="25%">
                                                <span class="label label-important">Promoter</span>
                                            </td>                                  
                                        </tr>
                                        <tr>
                                            <td>
                                                <div class="checker"><span><input type="checkbox" name="check[]" value="1" style="opacity: 0;"></span></div>
                                            </td>                                
                                            <td>
                                                <a href="#">valentin@domain.com</a>
                                            </td>       
                                            <td>
                                                Valentin Ratushev
                                            </td>        
                                            <td width="25%">
                                                DV-WR21677
                                            </td>    
                                            <td width="25%">
                                                <span class="label">Lawyer</span>
                                            </td>                                
                                        </tr>                           
                                    </tbody>
                                </table>
                            </div>                
                        </div>            

                        <div class="block">
                            <div class="head yellow">
                                <div class="icon"><span class="ico-cloud-2"></span></div>
                                <h2>Check checkbox on row click</h2>                    
                                <ul class="buttons">
                                    <li><a href="#" onclick="source('table_hover_check_click'); return false;"><div class="icon"><span class="ico-info"></span></div></a></li>
                                </ul>                                                          
                            </div>                
                            <div class="data-fluid">
                                <table cellpadding="0" cellspacing="0" width="100%" class="table table-hover table-row-check">
                                    <thead>
                                        <tr>
                                            <th><div class="checker"><span><input type="checkbox" class="checkall" style="opacity: 0;"></span></div></th>
                                            <th width="25%">
                                            Email
                                            </th>
                                            <th width="25%">
                                            Name
                                            </th>
                                            <th width="25%">
                                            Code
                                            </th>
                                            <th width="25%">
                                            Post
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>
                                                <div class="checker"><span><input type="checkbox" name="check[]" value="1" style="opacity: 0;"></span></div>
                                            </td>
                                            <td>
                                                <a href="#">dmitry@domain.com</a>
                                            </td>
                                            <td>
                                                Dmitry Ivaniuk
                                            </td>
                                            <td>
                                                DT-SV35582
                                            </td>
                                            <td>
                                                <span class="label label-success">Developer</span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <div class="checker"><span><input type="checkbox" name="check[]" value="1" style="opacity: 0;"></span></div>
                                            </td>                                
                                            <td>
                                                <a href="#">olga@domain.com</a>
                                            </td>
                                            <td>
                                                Olga Ivaniuk
                                            </td>                                
                                            <td width="25%">
                                                DS-SV34522
                                            </td>      
                                            <td width="25%">
                                                <span class="label label-warning">Economist</span>
                                            </td>                                
                                        </tr>
                                        <tr>
                                            <td>
                                                <div class="checker"><span><input type="checkbox" name="check[]" value="1" style="opacity: 0;"></span></div>
                                            </td>                                
                                            <td>
                                                <a href="#">alex@domain.com</a>
                                            </td>
                                            <td>
                                                Alex Fruz
                                            </td>         
                                            <td width="25%">
                                                DV-SV41222
                                            </td>  
                                            <td width="25%">
                                                <span class="label label-info">Developer</span>
                                            </td>                                  
                                        </tr>
                                        <tr>
                                            <td>
                                                <div class="checker"><span><input type="checkbox" name="check[]" value="1" style="opacity: 0;"></span></div>
                                            </td>                                
                                            <td>
                                                <a href="#">helen@domain.com</a>
                                            </td>
                                            <td>
                                                Helen Simonchuk
                                            </td>                                                                
                                            <td width="25%">
                                                DV-ST32212
                                            </td>   
                                            <td width="25%">
                                                <span class="label label-important">Promoter</span>
                                            </td>                                  
                                        </tr>
                                        <tr>
                                            <td>
                                                <div class="checker"><span><input type="checkbox" name="check[]" value="1" style="opacity: 0;"></span></div>
                                            </td>                                
                                            <td>
                                                <a href="#">valentin@domain.com</a>
                                            </td>       
                                            <td>
                                                Valentin Ratushev
                                            </td>        
                                            <td width="25%">
                                                DV-WR21677
                                            </td>    
                                            <td width="25%">
                                                <span class="label">Lawyer</span>
                                            </td>                                
                                        </tr>                           
                                    </tbody>
                                </table>
                            </div>                
                        </div>            

                    </div>                
                </div>
                
            </div>
            
        </div>
        
    </div>
        


<div id="ui-datepicker-div" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all"></div><div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front sourcePosition ui-draggable ui-resizable" tabindex="-1" role="dialog" style="position: fixed; height: auto; width: 1561px; top: 419.5px; left: 20px; display: none;" aria-describedby="source" aria-labelledby="ui-id-1"><div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix"><span id="ui-id-1" class="ui-dialog-title">Source</span><button class="ui-dialog-titlebar-close"></button></div><div class="dialog ui-dialog-content ui-widget-content" id="source" style="width: auto; min-height: 89px; max-height: none; height: auto;"></div><div class="ui-resizable-handle ui-resizable-n" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-w" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-sw" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-ne" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-nw" style="z-index: 90;"></div></div></body></html>